.shop-bar{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  .bottom-content{
    display: flex;
    background-color: rgba(51,51,51,0.9);
    .shop-icon{
      width: rem(55px);
      height: rem(55px);
      background-image: url("./img/shop-icon.png");
      background-size: cover;
      margin-top: rem(-15px);
      margin-left: rem(12px);
      position: relative;
      .dot-num{
        position: absolute;
        background-color: #fb4e44;
        width: rem(15px);
        height: rem(15px);
        color: #ffffff;
        border: rem(1px) solid #ffffff;
        top: 0;
        right: 0;
        border-radius: 50%;
        text-align: center;
        line-height: rem(15px);
        font-size: rem(12px);
      }
    }
    .price-content{
      flex: 1;
      padding-top: rem(8px);
      padding-left: rem(7px);
      .total-price{
        font-size: rem(20px);
        color: #ffffff;
      }
      .other-price{
        font-size: rem(12px);
        color: #999999;
        margin-top: rem(2px);
      }
    }
    .submit-btn{
      width: rem(110px);
      height: 100%;
      background-color: #ffd161;
      color: #333333;
      line-height: rem(45px);
      text-align: center;
      font-size: rem(16px);
    }
  }
  .choose-content{
    background-color: #ffffff;
    .content-top{
      height: rem(30px);
      background-color: #f4f4f4;
      font-size: rem(11px);
      display: flex;
      align-items: center;
      justify-content: flex-end;
      .clear-top{
        margin-left: rem(10px);
        &:before{
          content: '';
          width: rem(13px);
          height: rem(13px);
          display: block;
          background-image: url("./img/clear.jpeg");
          background-size: cover;
          margin-right: rem(3px);
          float: left;
        }
      }
    }
    .choose-item{
       display: flex;
       font-size: rem(15px);
       color: #2f2f2f;
       height: rem(35px);
      align-items: center;
      padding-top: rem(10px);
      padding-bottom: rem(10px);
      border-bottom: rem(1px) solid #dddddd;

     }
    .item-name{
      flex: 1;
      padding-left: rem(10px);
    }
    .price{
      margin-left: rem(5px);
      margin-right: rem(25px);
    }
    .select-content{
      position: relative;
      display: flex;
      margin-right: rem(8px);
      .minus{
        width: rem(23px);
        height: rem(23px);
        background-size: 100% 100%;
        background-image: url("./img/minus.png");
      }
      .count{
        font-size: rem(15px);
        color: #2f2f2f;
        width: rem(20px);
        height: rem(25px);
        line-height: rem(25px);
        margin-left: rem(2px);
        margin-right: rem(2px);
        text-align: center;
      }
      .plus{
        width: rem(23px);
        height: rem(23px);
        background-size: 100% 100%;
        background-image: url("./img/plus.png");
      }
    }
  }

}